<template>
  <div id="app">
    <el-backtop target="#app" >
      <div
      @mouseenter="show=true" 
      @mouseleave="show=false"
      
      style="{
        height: 60px;
        width: 60px;
        background-color: #f2f5f6;
        box-shadow: 0 0 6px rgba(0,0,0, .12);
        text-align: center;
        line-height: 60px;
        color: #1989fa;
        border-radius:50%
      }"
    >
      <div v-if="show" style="width: 60px;">TOP</div>
      <div v-else style="width: 60px;">
        <i class="el-icon-caret-top"></i>
      </div>
    </div>
    </el-backtop>
      <router-view />
  </div>
</template>
<script>
export default {
  data() {
    return {
      show: false,
    };
  },
}
</script>
<style>
@font-face {
  font-family: "iconfont"; /* Project id 3269139 */
  src: url('//at.alicdn.com/t/c/font_3269139_s1wpxilrrz.woff2?t=1696732699484') format('woff2'),
       url('//at.alicdn.com/t/c/font_3269139_s1wpxilrrz.woff?t=1696732699484') format('woff'),
       url('//at.alicdn.com/t/c/font_3269139_s1wpxilrrz.ttf?t=1696732699484') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-yanjing-zhengyan:before {
  content: "\e63a";
}

.icon-zhengyan:before {
  content: "\e72c";
}

.icon-biyan:before {
  content: "\e610";
}
.el-message__icon {
  font-size: 14px;
}
html {
  width: 100%;
  height: 100%;
  font-size: 14px;
}
body {
  width: 100%;
  height: 100%;
  margin: 0px !important;
  padding: 0px !important;
}
#app {
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  min-width: 1200px;

}
.el-dialog__headerbtn .el-dialog__close {
  display: none !important;
}
.search {
  border-radius: 3px;
}
.chongzhi {
  border-radius: 3px;
}

.dr {
  border-radius: 3px;
}
.yd1 p {
  font-weight: 400 !important;
}
.gaoji {
  border-radius: 3px;
}
.shanchu12 {
  border-radius: 3px;
}
.qybasic {
  width: 100%;
  height: 100%;
  background: #fff;
  padding: 15px;
  box-sizing: border-box;
}
.el-select .el-input .el-select__caret {
  line-height: 10px;
}
.el-pagination__total {
  float: left;
}
.el-input__inner {
  height: 0.35rem !important;
}
.el-form-item__content {
  display: inline-block;
}
.form2 .el-form-item__label {
  width: 6%;
}
.form1 .el-form-item__label {
  width: 18.9%;
}
.form2 .el-form-item__content {
  width: calc(100% - 120px);
  margin-left: 0px !important;
}
.el-table__row--striped {
}
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
  background: #f9fbff !important;
}
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
::-webkit-scrollbar-thumb {
  background-color: #dddee0;
}
::-webkit-scrollbar-track {
  border-radius: 5px;
}
.el-form-item__content {
  margin-left: 0 !important;
}
::v-deep .el-card__body {
  padding: 15px;
}
</style>
<style scoped lang="scss">
::v-deep .el-card__body {
  padding: 15px;
}
/deep/ .el-divider--vertical {
  vertical-align: initial;
  height: 20px;
  margin-left: 0;
}
/deep/ .el-divider {
  margin: 10px 0;
}
/deep/ .el-form-item {
  margin-bottom: 0.18rem;
}

/deep/ .el-form-item__content {
  width: 70%;
  font-size: 0.14rem;
}
/deep/ .el-form-item__label {
  font-size: 0.14rem;
}
</style>
<style scoped lang="scss">
@media screen and (max-width: 1350px) {
  /deep/ .el-form-item__content {
  width: 69%;
  font-size: 0.14rem;
}
/deep/ .el-form-item__label {
  font-size: 0.14rem;
}
}
</style>
